// MessageBox

@import '../../style/themes/default';
@import '../../style/mixins/index';
@import './param';

@mixin message-box {
  &-inner {
    display: flex;
    flex-direction: column;
    margin: 0.5rem 0;
    > x-buttons {
      margin-top: 1rem;
      align-self: flex-end;
    }
  }
  &-content {
    display: inline-flex;
    > form {
      width: 100%;
      > x-input {
        width: 100%;
      }
    }
  }
}
